<script setup>

</script>

<template>
  <a-layout>
    <a-layout-header>

      <a-menu theme="dark" mode="horizontal" :style="{ lineHeight: '64px' }">
        <a-menu-item key="1">主页</a-menu-item>
        <a-menu-item key="2">评测</a-menu-item>
        <a-menu-item key="3">视频</a-menu-item>
        <a-menu-item key="4">前瞻</a-menu-item>
        <a-menu-item key="5">专栏</a-menu-item>
        <a-menu-item key="6">更多</a-menu-item>
      </a-menu>
      <P></P>
      <a-input-search placeholder="在站内搜索" style="width: 200px; margin-left: 20px;" />
    </a-layout-header>
    <a-layout-content style="padding: 0 50px">
      <div style="margin: 16px 0">
        <a-row :gutter="16">
          <a-col :span="8">
            <a-card title="《人中之龙8外传夏威夷》评测" :bordered="false">
              <p>8分</p>
            </a-card>
          </a-col>
          <a-col :span="8">
            <a-card title="《怪物猎人荒野》评测" :bordered="false">
              <p>系列最高罚错体验</p>
            </a-card>
          </a-col>
          <a-col :span="8">
            <a-card title="《优米雅的炼金工房》评测" :bordered="false">
              <p>6分</p>
            </a-card>
          </a-col>
        </a-row>
      </div>
      <div style="margin: 16px 0">
        <a-row :gutter="16">
          <a-col :span="12">
            <a-card title="上手前瞻：《炼金工房》系列" :bordered="false">
              <p>最温馨情感的JRPG</p>
            </a-card>
          </a-col>
          <a-col :span="12">
            <a-card title="联想Legion GoSIGN评测" :bordered="false">
              <p>营销评测</p>
            </a-card>
          </a-col>
        </a-row>
      </div>
      <div style="margin: 16px 0">
        <a-row :gutter="16">
          <a-col :span="24">
            <a-card title="精选视频" :bordered="false">
              <p>（首都高音车）抢先体验版评测</p>
              <p>联想Legion GoS营销评测</p>
              <p>《双影秀境》最终前瞻</p>
              <p>《大神2》开发者专访</p>
            </a-card>
          </a-col>
        </a-row>
      </div>
    </a-layout-content>
    <a-layout-footer style="text-align: center">
      IGN中国 ©2023
    </a-layout-footer>
  </a-layout>
</template>
npm run serve
<script>
export default {
  name: 'GameInfoPage',
};
</script>

<style scoped>
.logo {
  float: left;
  width: 120px;
  height: 31px;
  margin: 16px 24px 16px 0;
  background: rgba(255, 255, 255, 0.3);
}
</style>
